<!-- 传输队列模块内容 -->
<div class="main-container queue-layout">
  <!-- 左侧子菜单 -->
  <div class="queue-sidebar">
    <div class="queue-menu">
      <div class="queue-menu-item active" data-type="upload">
        <span>上传</span>
      </div>
      <div class="queue-menu-item" data-type="download">
        <span>下载</span>
      </div>
    </div>
  </div>

  <!-- 右侧主内容区 -->
  <div class="queue-main">
    <!-- 队列头部 -->
    <div class="queue-header">
    <div class="queue-tabs">
      <div class="queue-tab active" data-tab="uploading">
        <span>上传中(0)</span>
      </div>
      <div class="queue-tab" data-tab="completed">
        <span>已完成(0)</span>
      </div>
    </div>
    <div class="queue-actions">
      <button class="action-btn" id="pauseAllBtn">
        <span>全部暂停</span>
      </button>
      <button class="action-btn" id="cancelAllBtn">
        <span>全部取消</span>
      </button>
    </div>
  </div>

  <!-- 文件列表标题 -->
  <div class="files-section-header">
    <span class="section-title"></span>
    <div class="section-actions">
      <span class="section-action">名称</span>
      <span class="section-action">状态</span>
      <span class="section-action">操作</span>
    </div>
  </div>

  <!-- 队列内容 -->
  <div class="queue-content" id="queueContent">
    <!-- 空状态 -->
    <div class="empty-state" id="emptyState">
      <div class="empty-icon">
        <svg viewBox="0 0 1024 1024" width="120" height="120">
          <path d="M512 64c247.424 0 448 200.576 448 448S759.424 960 512 960 64 759.424 64 512 264.576 64 512 64z m0 64C299.968 128 128 299.968 128 512s171.968 384 384 384 384-171.968 384-384S724.032 128 512 128z m32 192v256h128l-160 192-160-192h128V320h64z" fill="#4A90E2"></path>
        </svg>
      </div>
      <div class="empty-text">暂无正在上传的文件</div>
    </div>

    <!-- 传输列表 -->
    <div class="transfer-list" id="transferList" style="display: none;">
      <!-- 传输项将动态添加到这里 -->
    </div>
  </div>
  </div> <!-- 关闭 queue-main -->
</div> <!-- 关闭 queue-layout -->

<!-- 需要加载 queue.css 样式 -->
<link rel="stylesheet" href="./styles/queue.css">
